﻿<div class="hbox hbox-auto-xs hbox-auto-sm" ng-controller="DicDataCtrl"> <!---->
    <div class="col w bg-light b-r bg-auto"><!--w-lg-->
        <div class="wrapper dker b-b">
            <h3 class="m-n font-thin">树形列表</h3>
        </div>
        <div class="wrapper-sm">
            <div class="b-a bg-light dk r r-2x">
                <span ng-if="doing_async">...loading...</span>
                <abn-tree tree-data="my_data"
                          tree-control="my_tree"
                          on-select="my_tree_handler(branch)"
                          expand-level="2"
                          initial-selection="Granny Smith"
                          icon-leaf="fa fa-file-o"
                          icon-expand="fa fa-plus"
                          icon-collapse="fa fa-minus">
                </abn-tree>
            </div>
        </div>
    </div>
    <div class="col">
        <!--<div class="wrapper bg-light dk b-b">
            <h3 class="m-n font-thin">Upload queue</h3>
        </div>-->
        <div class="bg-light lter b-b wrapper-sm">
            <button class="btn btn-sm btn-success btn-addon" ng-click="open()"><i class="fa fa-plus"></i>添加</button><!--class m-b-xs-->
            <button class="btn btn-sm btn-warning btn-addon"><i class="fa fa-pencil-square-o"></i>编辑</button>
            <button class="btn btn-sm btn-danger btn-addon"><i class="fa fa-minus"></i>删除</button>
        </div>
        <div class="wrapper-sm">
            <div class="panel panel-default">
                <div class="table-responsive">
                    <table ui-jq="dataTable" ui-options="{
                      jQueryUI: false,
                      info: true,
                      lengthChange: true,
                      ordering: true,
                      paging: true,
                      processing: true,
                      searching: true,
                      stateSave: false,
                      lengthMenu: [ 10, 25, 50, 100 ],
                      orderClasses: true,
                      orderFixed: [ 0, 'asc' ],
                      orderMulti: false,
                      order: [[ 0, 'asc' ], [ 1, 'asc' ]],
                      pageLength: 25,
                      pagingType: 'numbers',
                      search: {
                        search: 'Mozilla',
                        smart: false
                      },
                      searchDelay: 2000,
                      stateDuration: 60 * 60 * 24,
                      columnDefs: [
                        { orderable: false, targets: 0 },
                        { searchable: false, targets: 0 },
                        { title: '第一列', targets: 0 },
                        { type: 'num', targets: 3 },
                        { visible: false, targets: 4 },
                        { width: '20%', targets: 0 }
                      ],
                      sAjaxSource: 'vendor/jquery/datatables/datatable.json',
                      columns: [
                        { data: 'engine' },
                        { data: 'browser' },
                        { data: 'platform' },
                        { data: 'version' },
                        { data: 'grade' }
                      ],
                      language: {
                        url: 'vendor/jquery/datatables/Chinese.json'
                      }
                    }" class="table table-striped table-hovers m-b-none">
                        <thead>
                            <tr>
                                <th style="width:20%">Rendering engine</th>
                                <th style="width:25%">Browser</th>
                                <th style="width:25%">Platform(s)</th>
                                <th style="width:15%">Engine version</th>
                                <th style="width:15%">CSS grade</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>